import Taro, { Component } from "@tarojs/taro";
import { View, Text, Swiper, SwiperItem } from "@tarojs/components";

import { AtButton } from "taro-ui";

export default class ArticalDetail extends Component {
  config = {
    navigationBarTitleText: "详情"
  };

  componentWillMount(options = this.$router.params || {}) {
    let that = this;
    that.setState({
      artitleTitle: options.title
    });
  }
  componentDidMount() {}

  componentWillUnmount() {}

  componentDidShow() {}

  componentDidHide() {}

  render() {
    const { artitleTitle } = this.state;
    return (
      <View className="index">
        <View className="at-article">
          <View className="at-article__h1">{artitleTitle}</View>
          <View className="at-article__info">2017-05-07 这是作者</View>
          <View className="at-article__content">
            <View className="at-article__section">
              <View className="at-article__h2">这是二级标题</View>
              <View className="at-article__h3">这是三级标题</View>
              <View className="at-article__p">
                新华社北京9月29日电（记者邹伟　黄玥）中华人民共和国国家勋章和国家荣誉称号颁授仪式29日上午在北京人民大会堂金色大厅隆重举行。中共中央总书记、国家主席、中央军委主席习近平向国家勋章和国家荣誉称号获得者颁授勋章奖章并发表重要讲话。习近平强调，崇尚英雄才会产生英雄，争做英雄才能英雄辈出。英雄模范们用行动再次证明，伟大出自平凡，平凡造就伟大。只要有坚定的理想信念、不懈的奋斗精神，脚踏实地把每件平凡的事做好，一切平凡的人都可以获得不平凡的人生，一切平凡的工作都可以创造不平凡的成就。
              </View>
              <View className="at-article__p">
                习近平强调，一切伟大成就都是接续奋斗的结果，一切伟大事业都需要在继往开来中推进。新时代必将是大有可为的时代。全党全国各族人民要像英雄模范那样坚守、像英雄模范那样奋斗，共同谱写新时代人民共和国的壮丽凯歌。
                中共中央政治局常委李克强、栗战书、汪洋、赵乐际、韩正，国家副主席王岐山出席颁授仪式。中共中央政治局常委王沪宁主持。
                9时许，国家勋章和国家荣誉称号获得者集体乘坐礼宾车从住地出发，由国宾护卫队护卫前往人民大会堂。人民大会堂东门外，高擎红旗的礼兵分列道路两侧，肩枪礼兵在台阶上庄严伫立，青少年热情欢呼致意。国家勋章和国家荣誉称号获得者沿着红毯拾级而上，进入人民大会堂东门。党和国家功勋荣誉表彰工作委员会领导同志在这里集体迎接他们到来。
              </View>
              <Image
                className="at-article__img"
                src="http://n.sinaimg.cn/news/1_img/upload/34fa2aa3/670/w940h530/20190929/184a-ifffqup8784196.jpg"
                mode="widthFix"
              />
            </View>
          </View>
        </View>
      </View>
    );
  }
}
